<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>简易导航</title>
</head>
<link type="text/css" rel="stylesheet" href="../static/css/bootstrap.css">
<link type="text/css" rel="stylesheet" href="../static/css/main.css">
<script type="text/javascript" src="../static/js/bootstrap.js"></script>
<script type="text/javascript" src="../static/js/jquery-3.6.0.min.js"></script>
<body>
<div class="container main">
    <div id="head"></div>
    <script type="text/javascript">
        $("#head").load("../common/head.html");
    </script>
    <div class="container page_six">
        <h3>使用段落标记与超链接实现简易导航</h3>
        <p>
            <a href="http://www.baidu.com">百度</a> <a href="http://www.sina.com.cn">新浪</a>
            <a href="http://www.163.com">网易</a><a href="http://www.qq.com">腾讯</a>
            <a href="http://www.sohu.com">搜 狐</a> <a href="http://www.csust.edu.cn">长理</a>
        </p>

        <hr/>
        <h3>使用无序列表标记与超链接实现简易导航</h3>
        <div class="page_six_div">
            <ul>
                <li><a href="http://www.baidu.com">百度</a></li>
                <li><a href="http://www.sina.com.cn">新浪</a></li>
                <li><a href="http://www.163.com">网易</a></li>
                <li><a href="http://www.qq.com">腾讯</a></li>
                <li><a href="http://www.sohu.com">搜 狐</a></li>
                <li><a href="http://www.csust.edu.cn">长理</a></li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>